<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>使用get()方法以GET方式从服务器获取数据</title>
		<script src="./jquery.js" type="text/javascript"></script>
	</head>
	<body>
		<div id="divtest">
				<label for="btnShow">我的个人资料</label>
				<input id="btnShow" type="button" value="加载" click="" />
			<ul></ul>
		</div>
		<script type="text/javascript">
			// 当点击“加载”按钮时
			// 调用get()方法向服务器中的一个.php文件以GET方式请求数据
			// 并将返回的数据内容显示在页面中
			$(function() {
				$("#btnShow").bind("click", function() {
					var $this = $(this);
					$.get("http://localhost:8080/jqurey-test-demo/info_f.php", function(data) {
						$this.attr("disabled", "true");
						$("ul").append(`<li>我的名字叫：${data.name}</li>`)
						$("ul").append(`<li>男朋友说：${data.say}</li>`)
					}, "json")
				})
			});
		</script>
	</body>
</html>
